<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>加入我们</title>
    <script src="../static/js/join.js" charset="gb2312"></script>
    <script src="../static/js/comment.js"></script>
    <link rel="stylesheet" href="../static/css/join.css">
</head>
<body>
<!-- 大框 -->
<div id="container">
    <!--  1 头部-->
    <div id="header">
        <div id="logo"></div>        <!--1左  -->
        <div id="title">        <!-- 1中  logo -->
            <br style="font-size: 30px;">
            <font style="font-family: STHupo; font-size: 50px;">
                加入我们<br/>
            </font>
            <font style="font-family: STHupo; font-size: 30px;">
                JOIN US
            </font>
        </div>
        <div id="select_search">    <!-- 1右  搜索-->
            <table height="160px" align="right">
                <!--						<tr align="right">-->
                <!--							<td>-->
                <!--								<font style="font-family: STHupo; font-size: 20px; color:#0F5F49;">-->
                <!--									关键词:-->
                <!--								</font>-->
                <!--							</td>-->
                <!--							<td><input type="text" size="25"></td>-->
                <!--							<td><input type="image" src="../static/images/搜索.png"></td>-->
                <!--						</tr>-->
                <tr align="right">
                    <td>
                        <span style="font-family: STHupo; font-size: 20px; color:#0F5F49;">欢迎你：</span><span
                            th:text="${user.account}"
                            style="font-family: STHupo; font-size: 20px; color:#0F5F49;">用户</span>
                        <a href="userInfo"
                           style="font-family: STHupo; font-size: 20px; color:#0F5F49;  margin-left: 20px">
                            个人资料
                        </a>
                    </td>
                    <td><a href="/"
                           style="font-family: STHupo; font-size: 20px; color:#0F5F49; margin-left: 10px">注销</a></td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 2导航栏 -->
    <div id="nav">
        <table>
            <td><a href="index">首页</a></td>
            <td><a href="introduction">篮球赛事介绍</a></td>
            <td><a href="match">比赛集锦</a></td>
            <td><a href="tips">篮球攻略</a></td>
            <td><a href="star_player">名人堂</a></td>
            <!-- <td ><a href="toy">手办商城</a></td>
            <td ><a href="survey">问卷调查</a></td>  -->
            <!-- <td ><a href="join">加入我们</a></td>  -->
        </table>
    </div>
    <!-- 3左右-->
    <div id="join">
        <div id="join_zuo">
            <img src="../static/images/联系我们.png" width="300px" height="70px">
            <ul>
                <li>Wechat：15677360906</li>
                <li>咨询热线：1234567890</li>
                <li>固定电话：0758-8555401</li>
                <li>Email：2398090527.qq.com</li>
            </ul>
        </div>
        <div id="join_you" align="center">
            <h2>填写以下信息加入我们</h2>
            <hr size="2px" color="#b5b5b5" width="320px" align="center">
            <form action="">
                <table>
                    <tr>
                        <td>姓名:</td>
                        <td><input style="width: 200px;" id="txtName" name="txtName" type="text"></td>
                    </tr>
                    <tr>
                        <td>性别:</td>
                        <td>&nbsp;&nbsp;<label for="boy"><input id="boy" name="sex" type="radio">男</label>&nbsp;
                            <label for="girl"><input id="girl" name="sex" type="radio">女</label></td>
                    </tr>
                    <tr>
                        <td>年龄:</td>
                        <td><input style="width: 200px;" id="txtage" name="txtage" type="text"></td>
                    </tr>
                    <tr>
                        <td>QQ:</td>
                        <td><input style="width: 200px;" id="txtqq" name="txtqq" type="text"></td>
                    </tr>
                    <tr>
                        <td>电话:</td>
                        <td><input style="width: 200px;" id="txtph" name="txtph" type="text"></td>
                    </tr>
                    <tr>
                        <td>特长:</td>
                        <td><input type="checkbox">电商<input type="checkbox">剪辑<input type="checkbox">运营</td>
                    </tr>
                </table>
                <div align="center">
                    <input style="width: 100px;" type="submit" value="提交" onclick="check6()">&nbsp;&nbsp;
                    <input style="width: 100px;" type="reset" value="重置">
                </div>
            </form>
            <hr size="2px" color="#b5b5b5" width="320px" align="center">
        </div>
    </div>
    <!-- 4 留言区-->
    <div id="comment">
        <h2>留言板</h2>
        <hr size="2px" color="#b5b5b5" width="990px" align="left">
        <form>
            <table align="center">
                <tr>
                    <td>邮箱：</td>
                    <td><input type="text" id="n"/></td>
                    <td>Wechat：</td>
                    <td><input type="text" id="x"/></td>
                    <td>留言时间：</td>
                    <td><input type="text" id="t" placeholder=""/></td>
                </tr>
                <tr>
                    <td>留言内容：</td>
                    <td colspan="5"><textarea id="txt" cols="87" rows="5" placeholder="评论的时候，请遵纪守法并注意语言文明"></textarea>
                    </td>
                </tr>
            </table>
            <div align="center">
                <input type="submit" value="提交留言" onclick="check()">
                <input type="reset" value="重置内容">
            </div>
        </form>
    </div>
    <!-- 5 版权区-->
    <div id="footer">
        <p class="p1">Copyright&nbsp;&copy;&nbsp;2022&nbsp;<span>LINBO</span>,All&nbsp;rights&nbsp;reserved.</p>
        <p class="p2">2022,版权所有&nbsp;LIN&nbsp;</p>
    </div>
</div>
</body>
</html>
